<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>南京师范大学文学院 - 首页</title>
  <link rel="stylesheet" href="../static/css/main.css">
</head>
<body>
  <!-- 顶部通栏：语义化标签<header>嵌套<nav> -->
  <header class="top-bar">
    <nav class="school-nav">
      <img src="../static/images/logo/school-logo.png" alt="南京师范大学校徽">
      <a href="https://www.njnu.edu.cn/" target="_blank">学校首页</a>
      <a href="#">English</a>
    </nav>
  </header>

  <!-- 主导航栏：独立<nav>标签，明确导航语义 -->
  <nav class="main-nav">
    <ul>
      <li class="dropdown">
        <a href="./about/index.html">学院概况 ▾</a>
        <ul class="dropdown-menu">
          <li><a href="./about/history.html">历史沿革</a></li>
          <li><a href="./about/organization.html">机构设置</a></li>
        </ul>
      </li>
      <!-- 其他导航项省略 -->
    </ul>
  </nav>

  <!-- Banner轮播区：<section>标签划分独立模块 -->
  <section class="banner">
    <div class="banner-slider">
      <img src="../static/images/banner/banner1.jpg" alt="文学院教学楼">
      <img src="../static/images/banner/banner2.jpg" alt="学术会议现场">
    </div>
  </section>

  <!-- 核心内容区：<main>标签包裹，明确核心内容 -->
  <main class="content">
    <!-- 左侧边栏：<aside>标签，非核心辅助内容 -->
    <aside class="sidebar left-sidebar">
      <section class="notice">
        <h2>最新公告</h2>
        <ul>
          <li><a href="#"><span class="urgent">紧急</span> 2024年秋季学期选课通知</a></li>
          <li><time datetime="2024-09-01">2024-09-01</time> <a href="#">科研课题申报截止提醒</a></li>
        </ul>
      </section>
    </aside>

    <!-- 中间主内容：<section>划分不同模块 -->
    <section class="main-content">
      <section class="news">
        <h2>学院动态</h2>
        <article class="news-item"> <!-- <article>包裹独立新闻内容 -->
          <img src="../static/images/news/news1.jpg" alt="学术交流活动">
          <h3><a href="#">我院举办“中国古代文学研究”学术研讨会</a></h3>
          <time datetime="2024-08-25">发布时间：2024-08-25</time>
          <p>为促进古代文学研究交流，我院邀请国内知名学者开展专题讲座，来自全国20余所高校的专家参与研讨...</p>
        </article>
      </section>
    </section>

    <!-- 右侧边栏：<aside>标签 -->
    <aside class="sidebar right-sidebar">
      <section class="contact">
        <h2>联系方式</h2>
        <address> <!-- <address>标签语义化展示联系信息 -->
          地址：南京市栖霞区文苑路1号<br>
          电话：025-XXXXXXX<br>
          邮箱：wxy@njnu.edu.cn
        </address>
      </section>
    </aside>
  </main>

  <!-- 底部Footer：<footer>标签 -->
  <footer class="footer">
    <div class="footer-left">
      <p>学院地址：南京市栖霞区文苑路1号南京师范大学文学院</p>
      <p>联系电话：025-XXXXXXX  邮箱：wxy@njnu.edu.cn</p>
    </div>
    <div class="footer-right">
      <p>版权所有 © 南京师范大学文学院</p>
      <p>苏ICP备XXXXXXXX号-1 | <a href="#">网站地图</a> | <a href="#">无障碍浏览</a></p>
    </div>
  </footer>

  <script src="../static/js/common.js"></script>
</body>
</html>